<%@page contentType="text/html" pageEncoding="UTF-8" %>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>

<html>
    <head>
        <link rel="stylesheet" type="text/css" href="../css/popup.css"/>
        <link rel="stylesheet" type="text/css" href="../css/kapiform.css"/>
        <link rel="stylesheet" type="text/css" href="../css/thickbox.css"/>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/thickbox.js"></script>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/kapi.js"></script>
        <style type="text/css">
            #ui-datepicker-div
            {
                z-row: 9999999;
            }
            .record_row_left a:hover{color:black}

            .record_row_upload_main{
                width: 97% !important;
                margin-left: 12px;
            }   
            .blue{
                background: #D0E5E5;
            }
            .white{
                background: #E3EDED;
            }
            .rich-table-subheadercell{
                background:  none repeat scroll 0 0 #456565;
            }
            .activeicon{
                display: block !important;
            }
        </style>

    </head>



    <script type="text/javascript">
        $j(document).ready(function(){
            initThickBox('.thickbox');
            $j(".changeStatus").live("click",function(data){
                //                alert('asdasd');
                var pc575 = $j(this).attr('lang');
                var des = $j(this).parent().parent().find(".c575Des").val();
                $j.ajax({
                    type		: "POST",
                    cache	: false,
                    url		: 'confirmC575.jsp?action=updateC575&'+pc575+'&CV580='+des,
                    data		: $j(this).serializeArray(),
                    success: function(data) {
                        $j.fancybox(data);
                    }
                }); 
            });
            $j('.onchangeFn100').live('change',function(){
                    cv = $j(this).parent().prev().children().text().trim();
                    namemail=$j(this).find('option:selected').text();
                    hotenyc = $j(this).attr("lang");
                   fn100 = $j(this).val();
                   if(fn100!=0){
                       $j.post("customer4tourC575.jsp?action=getvalueFN100&hotenyc="+hotenyc+"&fn100="+fn100+"&cv="+cv+"&namemail="+namemail,function(data){
                           
                       });
                   }              
                });
        });
    </script>
    <body>
        <f:view>
            <f:loadBundle basename="#{environmentSession.localizationSource}" var="locale"/>
            <a4j:form >
                <h:panelGroup id="reloadC575">
                    <div class="content_detail">
                        <div class="list_item_user" style="margin: 3px 0;">
                            <div class="item_content" style="display: block">
                                <div class="infomation_form">
                                    <div style="float:left ; width:100%;">
                                        <div style="float:left; width:100%;height:auto;">
                                            <div class="record_row_upload_main" style="">     
                                                <h:inputHidden value="#{c575Controller.FC475}"/>
                                                <h:inputHidden value="#{c575Controller.FIDS}"/>
                                                <h:inputHidden value="#{c575Controller.FN100}"/>
                                                <table style="width:100%;">
                                                    <tr>
                                                        <td class="democolumn" style="width: 2%"><h:outputText value="STT"/></td>                                        
                                                        <td class="democolumn" style="width: 8%"><h:outputText value="Trạng thái"/></td>
                                                        <td class="democolumn" style="width: 15%"><h:outputText value="Danh sách công việc"/></td>
                                                        <td class="democolumn" style="width: 10%"><h:outputText value="Người chịu trách nhiệm"/></td>
                                                        <td class="democolumn" style="width: 20%"><h:outputText value="Mô tả" /></td>
                                                        <td class="democolumn" style="width: 11%"><h:outputText value="Kiểm duyệt"/></td>
                                                        <td class="democolumn" style="width: 12%"><h:outputText value="Ngày cập nhật" /></td>

                                                    </tr>
                                                    <a4j:repeat value="#{c575Controller.ccurpks_listoftabc575}" var="item" rowKeyVar="row" rows="5000">
                                                        <tr class="noteRow">
                                                            <td class="democolumn2 <h:outputText rendered="#{row%2 !=0}"  value="odd"/>" style="text-align: center; width: 2%; border-left: 1px solid #C4C0C9;">
                                                                <h:outputText value="#{row+1}"/>
                                                            </td>

                                                            <td class="democolumn2 status <h:outputText rendered="#{row%2 !=0}"  value="odd"/> imageC350" style="text-align: center;width:8%;">
                                                                <h:graphicImage rendered="#{item.cv579=='O'}" styleClass="" value="../images/open_large.png"/>    
                                                                <h:graphicImage rendered="#{item.cv579!='O'}" styleClass="" value="../images/open_large_f.png"/>    

                                                            </td>


                                                            <td class="democolumn2 <h:outputText rendered="#{row%2 !=0}"  value="odd"/>" style="width: 15%">
                                                                <div style="float: left;width: 85%;">
                                                                    <h:outputText value="#{item.cv577}"/>
                                                                </div>
                                                                <div class="iconcv" lang="<h:outputText value="#{item.pc575}"/>" style="float: left;width: 13%;">

                                                                    <h:graphicImage value="../images/icon11.png"   rendered="#{item.cv579 =='O'}" /> 
                                                                    <h:graphicImage value="../images/icon11_1.png"   rendered="#{item.cv579 !='O'}" /> 



                                                                </div>
                                                                <div class="addClassC425">

                                                                </div>
                                                            </td>
                                                            <td class="democolumn2 <h:outputText rendered="#{row%2 !=0}"  value="odd"/>" style="text-align: center;width: 10%">
                                                                <h:selectOneMenu styleClass="onchangeFn100" lang="#{item.hotenyc}" value="#{item.fn100}">
                                                                    <f:selectItems value="#{T950Bean.listCombN100Email}"/>
                                                                </h:selectOneMenu>
                                                            </td>
                                                            <td class="democolumn2 <h:outputText rendered="#{row%2 !=0}"  value="odd"/>" style="width: 20%">
                                                                <div style="width: 100%;">
                                                                    <h:inputText value="#{c575Controller.CV580}" style="width:100%;height:20px;" styleClass="c575Des" rendered="#{item.cv580 == null}"/>
                                                                    <h:outputText value="#{item.cv580}" style="width:100%;height:20px;text-align:left; " styleClass=""  rendered="#{item.cv580 != null}"/>

                                                                </div>

                                                            </td>
                                                            <td lang="<h:outputText value="#{item.pc575}"/>" class=" democolumn2 <h:outputText rendered="#{row%2 !=0}"  value="odd"/> imageC350 " style="text-align: center;width: 11%">
                                                                <h:graphicImage value="../images/check.png" style="cursor: pointer;" styleClass="changeStatus" lang="PC575=#{item.pc575}&FN100=#{c575Controller.FN100}" rendered="#{item.cv579 =='O'}" />   
                                                                <h:graphicImage value="../images/check_f.png" styleClass="" lang="PC575=#{item.pc575}&FN100=#{c575Controller.FN100}" rendered="#{item.cv579 !='O'}"/>   
                                                                <h:outputLink style="margin-left:3px;" value="confirmC575_1.jsp?action=getvalueFN100&pc575=#{item.pc575}&FN100=#{item.fids}&height=400px&width:200px" styleClass="fancybox">
                                                                <h:graphicImage value="../images/save_1.png"/>   
                                                                </h:outputLink>
                                                                
                                                            </td>
                                                            <td class="democolumn2 <h:outputText rendered="#{row%2 !=0}"  value="odd"/>" style="text-align: center;width: 12%">
                                                                <h:outputText value="#{item.cl598}"><f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText>                                                                                            
                                                                </td>


                                                            </tr>
                                                    </a4j:repeat>
                                                </table>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </h:panelGroup>

            </a4j:form>
        </f:view>
    </body>
</html>
<style>
    .imageC350 img{
        height: 20px;
        width: 20px;
    }
    .content_detail .list_item_user .item_content{
        padding-bottom: 0;
    }
    .record_row_upload_main{
        margin-top: 0;
    }
    .content_detail .list_item_user{ malign:5px 0;}
    .iconcv img{
        cursor: pointer;
        height: 10px;
        width: 10px;
    }
    .iconstatus img{
        cursor: pointer;
        height: 20px;
        width: 20px;
    }

    .addClassC425 {
        background-color: #E3DED5;
        border: 1px solid #456565;
        border-radius: 5px 5px 5px 5px;
        display: none;
        height: auto;
        margin: 0.7% 2% 48% 15%;
        position: absolute;
        width: 32%;
        z-index: 9999;
    }

    .itemaddClassC425 {
        background-color: #404C58;
        border-radius: 3px 3px 3px 3px;
        color: white;
        float: left;
        height: 20%;
        margin: 1%;
        width: 98%;
    }
</style>